<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width"/>
  <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
<title>文本标记</title>
<link rel="stylesheet" type="text/css" href="../css/api.css" />
<style type="text/css">
#container{
  width: 100%;
  height:100%;
}
</style>
<script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp"></script>
</head>
<body onload="init()">
<div id="container"></div>
<script>
var init = function() {
    var center = new qq.maps.LatLng(35.735440,119.204620);
    var map = new qq.maps.Map(document.getElementById('container'),{
        center: center,
        zoom: 13
    });
    var cssC = {
        color: "#FFF",
        fontSize: "14px",
        border:"none",
        borderRadius:"30px",
        backgroundColor:"#ff8400",
        padding:"5px 15px"
    };
    new qq.maps.Marker({
        icon: new qq.maps.MarkerImage('../image/biaoqian.png',new qq.maps.Size(50, 50)),
        map: map,
        position:map.getCenter(),
        ZIndex:1
    });
    new qq.maps.Label({
        position: center,
        map: map,
        content:'五莲红、五莲花',
        offset: new qq.maps.Size(-40, -60),
        style:cssC,
        ZIndex:100
    });

}
</script>
</body>
</html>
